<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>收藏夹</title>
	<link type="text/css" rel="stylesheet" href="style/reset.css">
	<link type="text/css" rel="stylesheet" href="style/main.css">
	<link type="text/css" rel="stylesheet" href="style/main2.css">
	<link type="text/css" rel="stylesheet" href="style/favorite.css">
</head>
<body>
	<div class="topBar indexLogin">
		<div class="comWidth">
			<div class="leftArea">
				<div class="account fl" id="account">
                    <a href="#"><span class="sign-success"></span></a>
                        <div class="mune" id="account_mune">
                            <div class="shangmian">
                                <div class="leftArea">
                                <a href="#"><img src="images/logo/taxyh-3.jpg" alt=""></a>
                                </div>
                                <div class="account_mang rightArea">
                                    <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
                                     <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
                                </div>
                            </div>
                            <div class="h_1 qingfu"></div>
                            <div class="xiamian qingfu">
                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
                            </div>
                   		</div>
				</div>
			</div>
			<div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
			</div>
			<div class="rightArea">
				<a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>
                <div class="wdtax fl" id="wdtax">
                    <a href="account.html">我的淘爱心</a>
                    <ul class="mune" id="wdtax_mune">
                        <li><a href="#">已淘到的爱心</a></li>
                        <li><a href="#">我的足迹</a></li>
                        <li><a href="#">爱公益</a></li>
                        <li><a href="#">新欢</a></li>
                    </ul>
                </div>
				<a href="#" class="fl">我的消息</a>
                <div class="myshop fl">
					<span class="shopping-icon">&#xe60f;</span>
                	<a href="shopping.html">购物车</a></div>
                <div class="favorites fl" id="favorites">
                	<span class="icon-fav">&#xe610;</span>
                    <a href="favorite.html">收藏夹</a>
                    <ul class="mune" id="favorites_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
                <div class="seller fl" id="seller">
                    <a href="sellerCenter.html">卖家中心</a>
                    <ul class="mune" id="seller_mune">
                        <li><a href="sellerCenter.html">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中宝贝</a></li>
                        <li><a href="#">卖家资质</a></li>
                    </ul>
                </div>
                <div class="service fl" id="service">
                    <a href="#">联系客服</a>
                    <ul class="mune" id="service_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
			</div>
		</div>
	</div>

<div class="midBar">
	<div class="fav-tab clearfix">
		<div class="fav-tab-menu fl">
			<a href="#"><img src="images/favourite/collect.jpg" /></a>
		</div>
		<div class="fav-tab-menu2">
			<ul>
				<li style="position:relative">
					<!-- <input type="radio" checked="checked" class="radioInput" name="radio-set"> -->
					<a class="alink current" href="#">爱心宝贝收藏</a>
				</li>
				<li  style="position:relative">
					<!-- <input type="radio" class="radioInput-shop" name="radio-set"> -->
					<a class="alink" href="#">爱心店铺收藏</a>
				</li>
			</ul>
		</div>
		<div class="tab-search fr">
			<input type="text" class="tab-search-text fl">
			<input type="button" value="搜  索" class="tab-search-btn fr">
		</div>
	</div>
</div>

<div class="fav-cont">
	<div class="fav-bar">
		<div class="fav-var-top">
			<div class="fav-var-left">
				<div class="fav-baobei">
					<a href="#" class="left-item fl"><span class="icon-down"></span><span>全部爱心宝贝<em>10</em></span></a>
					<ul class="menu" id="baobei-menu">
						<li class="baobei-item"><a href="#">全部爱心宝贝<em>10</em></a></li>
						<li><a href="#">原厂地时令果蔬<i>4</i></a></li>
						<li><a href="#">二手书籍<em>2</em></a></li>
						<li><a href="#">数码产品<em>3</em></a></li>
						<li><a href="#">天使公益<em>1</em></a></li>
						<li><a href="#">勤工助学<em>2</em></a></li>
						<li><a href="#">其他<em>1</em></a></li>
					</ul>
				</div>
				<a href="#" class="left-item2 fl">失效<em>1</em></a>
			</div>

			<div class="fav-var-right clearfix">
				<div class="right-search">
					<input type="button" class="fav-search-right fr">
					<input type="text" class="fav-search fr" value="宝贝搜索" onfocus="if(value=='宝贝搜索') {value=''}"
					onblur="if(value==''){value='宝贝搜索'}">

				</div>
				<div class="fr right-manage">
					<ul class="manage-cancel">
						<li class="fl chooseAll"><span class="rr icon-all">&#xe60e;</span>全选</li>
						<li class="fl deleteManage"><span class="icon-delete">&#xe60d;</span>删除</li>
					</ul>
					<ul class="manage-batch">
						<li class="fl productCmp">宝贝对比</li>
						<li class="fl batchManage">批量管理</li>
					</ul>

				</div>
			</div>
		</div>
	</div>
	<div class="fav-item">
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/iPad.jpg" alt="taoaixin">
				<h3>APPLE IPAD MINI2国行64G</h3>
				<p class="xianjia fl">￥2500</p>
				<p class="yuanjia fl"><del>￥3000</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/iPad2.jpg" alt="taoaixin">
				<h3>APPLE IPAD MINI2国行64G</h3>
				<p class="xianjia fl">￥2500</p>
				<p class="yuanjia fl"><del>￥3000</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book.jpg" alt="taoaixin">
				<h3>女性励志畅销书</h3>
				<p class="xianjia fl">￥25</p>
				<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book2.jpg" alt="taoaixin">
			<h3>励志书</h3>
			<p class="xianjia fl">￥20</p>
			<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book3.jpg" alt="taoaixin">
			<h3>六级真题</h3>
			<p class="xianjia fl">￥14</p>
			<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book4.jpg" alt="taoaixin">
			<h3>六级真题</h3>
			<p class="xianjia fl">￥25</p>
			<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
	</div>
	<div class="fav-item">
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/iPad.jpg" alt="taoaixin">
			<h3>APPLE IPAD MINI2国行64G</h3>
			<p class="xianjia fl">￥2500</p>
			<p class="yuanjia fl"><del>￥3000</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/iPad2.jpg" alt="taoaixin">
			<h3>APPLE IPAD MINI2国行64G</h3>
			<p class="xianjia fl">￥2500</p>
			<p class="yuanjia fl"><del>￥3000</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book.jpg" alt="taoaixin">
			<h3>女性励志畅销书</h3>
			<p class="xianjia fl">￥25</p>
			<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book2.jpg" alt="taoaixin">
			<h3>励志书</h3>
			<p class="xianjia fl">￥20</p>
			<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book3.jpg" alt="taoaixin">
			<h3>六级真题</h3>
			<p class="xianjia fl">￥14</p>
			<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
		<div class="fav-list">
			<div class="list-mask">
				<div class="mask"></div>
				<span class="icon-choose">&#xe612;</span>
			</div>
			<a href=""><img src="images/favourite/list/book4.jpg" alt="taoaixin">
			<h3>六级真题</h3>
			<p class="xianjia fl">￥25</p>
			<p class="yuanjia fl"><del>￥30</del></p>
			</a>
		</div>
	</div>
	<div class="fav-var-top">
		<div class="var2-top">
			<a href="#" class="var2-left fl">热卖爱心宝贝</a>
			<ul class="var2-right">
				<li><a href="#">时令水果</a><i></i></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
				<li><a href="#">时令水果</a></li>
			</ul>
			<a href="#" class="more fr">更多</a>
		</div>
		<div class="fav-item2 ">
			<div class="fav-list2">
				<a href="#"><img src="images/favourite/danpin/danpin1.jpg" alt="taoaixin">
				</a>
				<div class="pro-message">
					<div class=""><span class="pro-price"><strong>￥10</strong></span></div>
					<span><a href="">常山胡柚</a></span>
					<div class="pro-detail">
						<p>又大又甜又实惠，正宗胡柚,真是很难得哦</p>
					</div>
				</div>
			</div>
			<div class="fav-list2">
				<a href="#"><img src="images/favourite/danpin/danpin2.jpg" alt="taoaixin">
				</a>
				<div class="pro-message">
					<div class=""><span class="pro-price"><strong>￥10</strong></span></div>
					<span><a href="">常山胡柚</a></span>
					<div class="pro-detail">
						<p>又大又甜又实惠，正宗胡柚,真是很难得哦</p>
					</div>
				</div>
			</div>
			<div class="fav-list2">
				<a href="#"><img src="images/favourite/danpin/danpin3.jpg" alt="taoaixin">
				</a>
				<div class="pro-message">
					<div class=""><span class="pro-price"><strong>￥10</strong></span></div>
					<span><a href="">常山胡柚</a></span>
					<div class="pro-detail">
						<p>又大又甜又实惠，正宗胡柚,真是很难得哦</p>
					</div>
				</div>
			</div>
			<div class="fav-list2">
				<a href=""><img src="images/favourite/danpin/danpin1.jpg" alt="taoaixin">
				</a>
				<div class="pro-message">
					<div class=""><span class="pro-price"><strong>￥10</strong></span></div>
					<span><a href="">常山胡柚</a></span>
					<div class="pro-detail">
						<p>又大又甜又实惠，正宗胡柚,真是很难得哦</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="fav-bottom">
		<div class="fav-var3-top fl">
			<div class="var3-top">
				<ul>
					<li><a href="#" class="var2-left fl">猜你喜欢</a></li>
					<li><a href="#" class="var2-left fl">淘爱心发现</a></li>
					<!-- <li><span><hr/></span></li> -->
					<li><a href="#" class="var2-left fr">根据你最近的浏览发现</a></li>
				</ul>
			</div>
		<div class="fav-item3 fl">
			<div class="fav-list3">
				<a href="#"><img src="images/favourite/danpin/danpin1.jpg" alt="taoaixin">
				</a>
				<div class="list3-guess">
					<div class="list3-line"></div>
					<div class="list3-price">
						￥500
					</div>
					<div class="pro-detail">
						<p>这个季节不可缺少，营养健康必需品，原产地现摘现发</p>
					</div>
				</div>
			</div>
			<div class="fav-list3">
				<a href="#"><img src="images/favourite/danpin/danpin2.jpg" alt="taoaixin">
				</a>
				<div class="list3-guess">
					<div class="list3-line"></div>
					<div class="list3-price">
						￥500
					</div>
					<div class="pro-detail">
						<p>这个季节不可缺少，营养健康必需品，原产地现摘现发</p>
					</div>
				</div>
			</div>
			<div class="fav-list3">
				<a href="#"><img src="images/favourite/danpin/danpin3.jpg" alt="taoaixin">
				</a>
				<div class="list3-guess">
					<div class="list3-line"></div>
					<div class="list3-price">
						￥500
					</div>
					<div class="pro-detail">
						<p>这个季节不可缺少，营养健康必需品，原产地现摘现发</p>
					</div>
				</div>
			</div>
			<div class="fav-list3">
				<a href="#"><img src="images/favourite/danpin/danpin1.jpg" alt="taoaixin">
				</a>
				<div class="list3-guess">
					<div class="list3-line"></div>
					<div class="list3-price">
						￥500
					</div>
					<div class="pro-detail">
						<p>这个季节不可缺少，营养健康必需品，原产地现摘现发</p>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>
</div>

<div class="footer">
	<div class="comWidth clearfix">
    	<div class="footitem">
        <h3>关于淘爱心</h3>
        <ul class="data ">
				<li><a href="#" class="active">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">加入我们</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>爱心资质</h3>
        <ul class="data">
				<li><a href="#" class="active">发布人资质</a></li>
				<li><a href="#">接单人资质</a></li>
				<li><a href="#">必备审核材料</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>购物帮助</h3>
        <ul class="data">
				<li><a href="#" class="active">购物须知</a></li>
				<li><a href="#">订单相关</a></li>
				<li><a href="#">商品相关</a></li>
              <li><a href="#">积分相关</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>手机淘爱心</h3>
        <ul class="data">
				<li><a href="#" class="active">iphone</a></li>
				<li><a href="#">Andriod</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>在线客服</h3>
        <ul class="data">
				<li><a href="#" class="active">工作时间：9：00～18:00</a></li>
				<li><a href="#">建议邮箱：11111111@qq.com</a></li>

			</ul>
        </div>
    </div>
</div>
<div class="hr_45">
<p>Copyright&nbsp;&nbsp;&nbsp;2015&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="js/myjs.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/easyPay.js"></script>
	<script type="text/javascript" src="js/favorite.js"></script>
</body>
</html>